<style lang="scss" scoped>
  .c-head-wrap{
    position: relative;
    width: 100%; height: 258px;
    border-bottom: 1px solid #E5E5E5;
  }

  .u-head-text{
    position: absolute;
    top: 50%; transform: translateY(-50%);
    left: 0;
    font-size: 16px;
    line-height: 1;
    height: 16px;
    color: #000;
  }

  .u-head{
    position: absolute;
    width: 200px; height: 200px;
    right: 0; top: 50%;
    transform: translateY(-50%);
  }
</style>

<template>
  <div class="c-head-wrap">
    <div class="u-head-text">头像</div>
    <img :src="imgurl" class="u-head">
  </div>
</template>

<script>
  export default {
    data () {
      return {

      }
    },
    props: {
      imgurl: {
        type: String,
        default: ''
      }
    }
  }
</script>